<style>
    .service-detail-box{width: 700px;border:1px solid #ccc;overflow: hidden;padding: 20px}
    .upload-box{padding-top:50px}
    .row{margin-bottom: 20px;}
    textarea{width: 100%;height: 80px}
    input[type="file"] {
        position: absolute;
        top: 50px;
        opacity: 0;
        width: 100px;
        height: 35px;
        left: 15px;
    }
</style>
<section class="content">
    <h3>服务详情 <a ui-sref="service/serviceList" class="btn btn-primary pull-right">返回上一级</a></h3>
    <div class="service-detail-box">
        <div class="row">
            <div class="col-xs-2">服务名称：</div>
            <div class="col-xs-10"><input type="text" placeholder="服务名称" class="form-control" value="{{serviceModel.name}}" ng-model="serviceModel.name"></div>
        </div>
        <div class="row">
            <div class="col-xs-2">副标题简介：</div>
            <div class="col-xs-10"><input type="text" placeholder="副标题简介" class="form-control" value="{{serviceModel.typeDesc}}" ng-model="serviceModel.typeDesc"> </div>
        </div>
        <div class="row">
            <div class="col-xs-2">服务类型：</div>
            <div class="col-xs-10">
                <select name="serviceType" class="form-control">
                    <option value="1">url链接</option>
                    <option value="2">电话弹窗</option>
                    <option value="3">文字弹窗</option>
                    <option value="4">随访关联</option>
                </select>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-2">图标：</div>
            <div class="col-xs-5">
                <img src="{{basePictureUrl+serviceModel.icon }}" class="imgCover" alt="" onerror="(this.src='./img/img-cover.png')" width="200px" height="150px">
            </div>
            <div class="col-xs-5 upload-box">
                <a href="javascript:;" class="btn btn-primary btn" role="button">上传图标
                    　<input type="file" onchange="angular.element(this).scope().uploadImg(this,'img')">
                </a>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-2">参数</div>
            <div class="col-xs-10">
                <textarea placeholder="url参数或者弹窗的文字" ng-model="serviceModel.parameter">{{serviceModel.parameter}}</textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-2">描述</div>
            <div class="col-xs-10">
                <textarea placeholder="描述" ng-model="serviceModel.content">{{serviceModel.content}}</textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 text-center">
                <a href="javascript:;" role="button" class="btn btn-primary btn-lg" ng-click="commit()">保存</a>
            </div>
        </div>
    </div>

</section>